<template>
    <div>
      <a-collapse v-model="activeKey">
        <a-collapse-panel key="1" header="折叠面板一">
          <p>{{ text }}</p>
        </a-collapse-panel>
        <a-collapse-panel key="2" header="折叠面板二" >
          <p>{{ text }}</p>
        </a-collapse-panel>
        <a-collapse-panel key="3" header="折叠面板三" >
          <p>{{ text }}</p>
        </a-collapse-panel>
      </a-collapse>
    </div>
  </template>
  <script>
  export default {
    data() {
      return {
        text: `内容。。。`,
        activeKey: ['1'],
      };
    },
    watch: {
      activeKey(key) {
        console.log(key);
      },
    },
  };
  </script>
  